/*清除浮动*/

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
/*头部样式*/
.web{
	width: 1349px;
	margin: 0 auto;
	position: relative;
}
.header {
	width: 1349px;
}

.topprint {
	height: 80px;
	background: url(../img/topprint.jpg);
}

.topbox {
	background-color: #e3e4e5;
	height: 35px;
}

.top-box {
	width: 1240px;
	margin: 0 auto;
}

.top-box li {
	display: inline-block;
	font-size: 12px;
	line-height: 35px;
}

.leftitem {
	float: left;
	margin-right: 30px;
}

.code-x {
	position: relative;
}

.code-t {
	width: 74px;
	height: 74px;
	position: absolute;
	top: 38px;
	right: -15px;
}

.code-y {
	width: 74px;
	height: 74px;
	border: 1px solid #ddd;
	position: relative;
}

.code-y>img {
	width: 100%;
}

.code-z {
	width: 175px;
	height: 75px;
	position: absolute;
	top: -1px;
	right: -1px;
	background: white;
	height: 0;
	overflow: hidden;
	/*transition:1s;*/
	/*过渡动画*/
	border: 1px solid #ddd;
	opacity: 0;
	z-index: 1;
}

.code-y:hover .code-z {
	opacity: 1;
	/*透明度*/
	height: 75px;
}

.code-d {
	width: 74px;
	height: 74px;
	float: left;
}

.code-d img {
	width: 100%;
}

.code-o {
	float: left;
	height: 75px;
}

.code-o p {
	padding-top: 6px;
	height: 20px;
	font-size: 12px;
	margin-left: 5px;
}

.p1 {
	color: red;
}

.rightitem {
	float: right;
	margin-right: 30px;
}

.top-box li a {
	color: #a6a6a6;
}

.top-box li a:hover {
	color: #23ac38;
}

.top-container {
	width: 1240px;
	height: 118px;
	margin: 0 auto;
	/*border: 1px solid red;*/
}

.header_logo {
	width: 150px;
	height: 118px;
	line-height: 118px;
	float: left;
}

.header_logo a img {
	width: 100%;
	vertical-align: middle;
	overflow: hidden;
}

.nav {
	float: left;
	padding-top: 30px;
}

.nav input {
	width: 460px;
	height: 40px;
	margin-left: 251px;
	margin-top: 13px;
	padding-left: 4px;
	border: 1px solid #23ac38;
	float: left;
}

.nav input:focus::-webkit-input-placeholder {
	opacity: 0;
	/*透明度*/
}

.search {
	float: left;
	margin-top: 13px;
}

.shopping {
	width: 156px;
	height: 38px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	font-size: 12px;
	margin-top: 13px;
	float: left;
	margin-left: 33px;
	text-align: center;
	position: relative;
}

.shopping .xiala {
	display: none;
	overflow: hidden;
	/*transition: 1s;*/
	/*过渡动画*/
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
	position: absolute;
	border-top: none;
	right: -1px;
	top: 36px;
	z-index: 100;
}

.xiala span {
	display: block;
	text-align: center;
	width: 380px;
	height: 90px;
	line-height: 90px;
}

.shopping:hover {
	background-color: white;
	border-bottom: none;
}

.shopping:hover .xiala {
	display: block;
}

.shopping:hover .xiala::before {
	content: "";
	display: inline-block;
	width: 226px;
	height: 1px;
	position: absolute;
	background: #ddd;
	top: 0;
	left: 0;
}

.shopping>div {
	display: inline-block;
	line-height: 40px;
}

.shopping>span {
	line-height: 40px;
}

.nav p {
	width: 460px;
	height: 21px;
	margin-left: 251px;
	margin-top: 10px;
}

.nav p a {
	color: #a6a6a6;
	font-size: 12px;
}

.nav p a:hover {
	color: red;
}

.navBox {
	width: 1240px;
	margin: auto;
}

.navBox ul li {
	display: inline-block;
	text-align: left;
}

.ul {
	width: 863px;
	height: 37px;
	position: relative;
}

.nav_1 {
	text-align: left;
	width: 210px;
	height: 37px;
	background-color: #363636;
	line-height: 37px;
	margin-right: 13px;
}

.nav_1 a {
	color: white;
	font-weight: 600;
	font-size: 13px;
}

.nav_img {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 37px;
	vertical-align: middle;
	margin-left: 20px;
	margin-right: 5px;
}

.nav_img img {
	width: 100%;
}

.nav_2 {
	margin-left: 25px;
}

.nav_2 a {
	font-size: 13px;
	color: #000000;
}

.nav_2 >a:hover{
	color: #409f37;
}
.xiaMeu{
	position: absolute;
	z-index: 1000;
	top:37px;
	left: 0px;
}
.xiaMeu_uu{
	width: 1249px;
	background: rgba(255,255,255,.95);
	overflow: hidden;
	height: 0px;
	transition: 300ms;
	
}
.xiaMeu_uu li{
	float: left;
	
}
.xiaMeu_uu li:not(:nth-child(1)):after{
	content: "";
    display: block;
    height: 120px;
    width: 1px;
    background: #b1afaf;
    position: relative;
    top: -200px;
}
.xiaMeu_uu li div{
	width: 200px;
	height: 230px;
	text-align: center;
}
.xiaMeu_uu li i{
	color: red;
}
 
.xiaMeu_uu img{
	margin:25px 0 10px ;
	width: 120px;
	height: 120px;
}


/*轮播图*/

.index {
	height: 420px;
	position: relative;
}

#lunbo {
	width: 1349px;
	height: 420px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.wrap{
		width: 99999px;
	}
.wrap li {
	float: left;
	width: 1349px;
	height: 420px;
}

.wrap li img {
	width: 100%;
	height: 100%;
}
.pre,
.next {
	width: 40px;
	height: 40px;
	line-height: 40PX;
	border-radius: 50%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 50%;
	margin-top: -20px;
	color: #fff;
	font-size: 28px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

.pre:hover,.next:hover{
		background: rgba(0,0,0,0.7);
	}

.pre{
		left: 20%;
	}
	.next{
		right: 20%;
	}
	.tran{
		transition: 300ms;
	}
	/*分页器*/
	.pagination{
		width: 126px;
		height: 10px;
		position: absolute;
		bottom: 20px;
		left: 50%;
		margin-left: -63px;
		text-align: center;
	}
	.pagination span {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin-right: 10px;
		border-radius:50% ;
		background: #fff;
		cursor: pointer;
	}
	.pagination >.active{
		background: red;
	}

/*轮播上左边菜单*/
.leftMenu {
	width: 210px;
	height: 420px;
	position: absolute;
	top: 0;
	left: 55px;
}

.pullDown {
	position: relative;
}

.pullDown_1 {
	text-align: center;
	height: 52.5px;
	line-height: 50px;
	border-bottom: 1px solid #fce6e5;
	font-size: 12px;
	font-weight: 600;
	background: white;
	opacity: 0.9;
	}

.pullDown_1>a {
	color: #000000;
}

.pullDown_1:hover {
	background-color: white;
	color: #23ac38;
	opacity: 1;
}

.pullDown_1:hover>a {
	color: #23ac38;
}

.pullDown_1_1 {
	display: none;
	transition: 1s;
	/*过渡动画*/
	border-top: 1px solid #000000;
	opacity: 0;
	position: absolute;
	left: 210px;
	top: -1px;
	z-index: 5;
}

.pullDown_1:hover .pullDown_1_1 {
	opacity: 1;
	/*透明度*/
	display: block;
	height: 420px;
	width: 1030px;
}

.DownContent {
	opacity: 1;
	background-color: white;
	height: 420px;
	box-shadow: 6px 0px 10px 2px rgba(0, 0, 0, .6);
}

.DownContent_1 {
	width: 950px;
}

.DownContent_1 img {
	width: 40px;
	height: 45px;
	vertical-align: middle;
}

.DownContent {
	text-align: left;
}
.DownContent>h5{
	margin-left:30px ;
}
.DownContent>h5>a {
	text-align: left;
	font-size: 12px;
	color: #000000;
}

.DownContent_1>h5>a>img {
	margin-top: 20px;
}

.DownContent_1>li {
	text-align: left;
	display: inline-block;
	margin-left: 30px;
	text-align: center;
}

.DownContent_1 a {
	color: #d5d9e4;
	font-weight: normal;
}

.DownContent_1>li>a:hover {
	color: #23ac38;
}

.rightMenu {
	width: 216px;
	height: 410px;
	position: absolute;
	top: 0;
	right: 45px;
}

.rightMenu_1 {
	width: 216px;
	height: 195px;
	background-color: white;
	font-size: 12px;
	margin-top: 7px;
}

.rightMenu_1>h3 {
	/*font-size: 12px;*/
	margin-left: 15px;
	border-bottom: 1px solid #e5e5e5;
	height: 38px;
	line-height: 38px;
}

.rightMenu_1>p {
	margin-left: 15px;
	height: 18px;
	line-height: 18px;
	margin-top: 5px;
}

.rightMenu_ul {
	font-size: 0px;
	/*清除子元素之间因变成行内快的空白*/
	margin-top: 15px;
}

.rightMenu_ul>li {
	display: inline-block;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	height: 71px;
	width: 71px;
	text-align: center;
	font-size: 12px;
}

.poneLong {
	margin-top: 12px;
	margin-bottom: 5px;
}

.rightMenu_1>p>a {
	color: #000000;
}

.rightMenu_1>p>a:hover {
	color: #23ac38;
}

.rightMenu_ul>li>P>a {
	color: #000000;
}

.rightMenu_ul>li>P>a:hover {
	color: #23ac38;
}

.rightMenu_2 {
	width: 216px;
	height: 200px;
	background: white;
	margin-top: 7px;
}

.rightMenu_2 img {
	width: 100%;
}


/*整体内容*/

.content {
	width: 1349px;
	margin-top: 20px;
	background: #f5f5f5;
}

.content_1 {
	width: 1349px;
	height: 260px;
	background: url(../img/xsms.png) no-repeat;
	background-size: 1367px;
}

.xsqg {
	width: 1240px;
	height: 260px;
	margin: 0 auto;
}

.time {
	width: 180px;
	height: 260px;
	padding-left: 45px;
	margin-left: 15px;
	color: white;
	font-weight: 600;
	float: left;
}

.time>p {
	padding-top: 110px;
	color: white;
	font-size: 14px;
	font-weight: 600;
}

.time>span {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #fcb800;
	text-align: center;
	line-height: 35px;
	margin: 3px 3px;
	margin-top: 7px;
}

.prolist {
	float: right;
}

.prolist ul {
	font-size: 0px;
}

.commodity_li {
	width: 190px;
	height: 230px;
	background-color: white;
	display: inline-block;
	margin: 15px 15px 0px 0px;
}

.commodity_li>a>div {
	width: 120px;
	margin: 0 auto;
	padding: 15px 0px;
}

.commodity_li>a>div>img {
	width: 100%;
}

.commodity_li>a>h5 {
	width: 160px;
	height: 36px;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin: 0 auto;
}

.proname {
	font-size: 12px;
	color: #666;
	text-align: center;
	font-weight: normal;
	line-height: 18px;
}

.proric {
	color: red;
	font-size: 17px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 7px;
}

.commodity_li>a>p>em {
	color: #999;
	font-size: 12px;
	text-decoration: line-through;
	font-style: normal;
	margin-left: 5px;
}

.content_2 {
	width: 1240px;
	margin: 0px auto;
}

.content_2-1 {
	width: 1240px;
	margin: 0 auto;
}

.content_2-1-1 {
	width: 236px;
	height: 300px;
	background: white;
	float: left;
	padding: 0 33px;
	margin-left: 15px;
	margin-bottom: 15px;
}
.content_22{
	margin-left:0 ;
}
.content_2-1-1:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.proimg {
	width: 150px;
	height: 150px;
	margin: 30px auto;
}

.proimg img {
	width: 100%;
}

.proname-1 {
	font-size: 12px;
	color: #666;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
	text-align: center;
	font-weight: normal;
	margin-top: 40px;
}

.proric-1 {
	font-size: 18px;
	color: #f10215;
	text-align: center;
	padding-top: 5px;
}

.h2 {
	font-size: 24px;
	color: #333;
	font-weight: normal;
	padding: 35px 0 20px;
}

.zhyg {
	width: 232px;
	height: 630px;
	float: left;
}

.zhyg_1 {
	width: 232px;
	height: 460px;
	overflow: hidden;
}

.zhyg_1>a>img {
	height: 100%;
}

.zhyg_2 {
	width: 232px;
	height: 140px;
	overflow: hidden;
	margin-top: 15px;
}

.zhyg_2>a>img {
	height: 100%;
}


/*页脚*/

.footer {
	width: 1349px;
	background: white;
}

.guarantee {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	height: 92px;
}

.guarantee_1 {
	margin: 0 auto;
	width: 1240px;
	height: 60px;
	line-height: 60px;
	padding: 16px 0;
}

.guarantee_1-1 {
	width: 409px;
	text-align: center;
	border-right: 1px solid #e8e8e8;
	float: left;
}

.guarantee_1-1>i {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 2px solid #59c069;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-style: normal;
	color: #59c069;
	margin-right: 10px;
}

.ao {
	border-right: none;
}

.footerbox {
	width: 1240px;
	height: 280px;
	margin: 0 auto;
}

.box-1 {
	float: left;
	margin-left: 100px;
	padding: 30px 0;
}

.box-1 dt {
	font-size: 16px;
	color: #302E33;
	height: 40px;
	line-height: 40px;
}

.box-1 dd {
	height: 30px;
	line-height: 30px;
	color: #848484;
	font-size: 12px;
}

.box-1 dd a {
	color: #848484;
}

.box-1 dd a:hover {
	color: #59c069;
	text-decoration: underline;
}

.box-1 .t1 {
	font-size: 20px;
	color: #4ABA00;
	line-height: 40px;
	vertical-align: middle;
	/* height: 40px;*/
}

.ti span {
	font-size: 14px;
}

.box_1 {
	width: 198px;
}

.box_2 {
	width: 248px;
}

.box_2 span {
	font-size: 14px;
}

.box_3 {
	float: left;
	width: 198px;
	height: 143px;
	/*margin-top:20px ;*/
	margin-left: 50px;
}

.servicebox p {
	margin: 20px;
}

.weixin img {
	width: 35px;
	height: 36px;
	vertical-align: middle;
	margin-left: 10px;
}

.wxtips img {
	width: 80px;
	height: 80px;
	vertical-align: middle;
}

.footer-f {
	width: 1349px;
	height: 82px;
	border-top: 1px solid #e8e8e8;
}

.footer-f p {
	text-align: center;
	line-height: 82px;
	font-size: 12px;
	color: #848484;
}

.fixbox {
	position: fixed;
	top: 100px;
	z-index: 99999;
	left: 5px;
	width: 45px;
	background: #32333d;
	display: none;
}

.fixbox_ul li {
	text-align: center;
	width: 45px;
	height: 50px;
	background: #32333d;
}

.fixbox_ul>li>p>a {
	color: white;
	font-size: 12px;
}

.fixbox_ul li:hover {
	background: #23ac38;
}

.fixbox_ul>li>p>a:visited {
	color: white;
	/*点击后的状态*/
}

.fixbox_ul>li>p {
	width: 35px;
	height: 39px;
	margin: 0 auto;
	padding: 10px 0 0;
}

.fixbox2 {
	z-index: 99999;
	position: fixed;
	top: 50%;
	right: 0;
}

.fixbox2>ul>li {
	width: 40px;
	height: 40px;
	background: #636363;
	color: white;
	margin-bottom: 5px;
	text-align: center;
	line-height: 40px;
}

.fixbox2>ul>li>a:visited {
	color: white;
}

.fixbox2 ul li a{
	color: white;
}

.dan {
	position: relative;
}

.dao {
	position: absolute;
	left: -140px;
	top: 0px;
	background: white;
	height: 0;
	overflow: hidden;
	/*transition:1s;*/
	/*过渡动画*/
	opacity: 0;
}

.dan:hover .dao {
	opacity: 1;
	height: 130px;
	border: 1px solid #ddd;
}

.dao>div {
	width: 130px;
	height: 130px;
}

.dao>div img {
	width: 100%;
}
#topd{
	display: none;
}
.fixbox_ul .active{
	background: #23ac38;
}
